<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../public.css">
    <link rel="stylesheet" href="./新增合同.css">

    <body>
        <header>
            <nav>
                <div class="logo">
                    <span>客户资源信息</span>管理后台
                </div>
                <ul class="management">
                    <li><span>&#xe661;</span>权限管理</li>
                    <li><span>&#xe659;</span>用户列表</li>
                    <li><span>&#xe68d;</span>系统日志</li>
                </ul>
                <ul class="management">
                    <li><span class="ponum">&#xe65f;</span>在线人数</li>
                    <li class="msgbtn">
                        <span class="message">&#xe650;</span>系统消息
                        <div class="newmsg" id="newmsg">
                            <div><span>最新消息</span><span class="down">&#xe600;</span></div>
                            <ul>
                                <li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
                                <li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
                            </ul>
                        </div>
                    </li>
                    <li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
                </ul>
            </nav>
        </header>
        <div class="bigbox">
            <div class="sidebar">
                <ul>
                    <li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
                    <li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
                    <li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
                    <li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
                    <li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
                    <li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
                    <li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
                    <li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
                    <li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
                    <li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
                    <li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
                </ul>
            </div>
            <div class="box-right">
                <div class="rig-con">
                    <div class="xzhtkj">
                        <h3>创建资料信息</h3>
                        <div class="xz-bt">
                            <span class="s1-ht">资料基本信息</span> <span class="s1-ht">注：带有“*”必填项</span>
                        </div>
                        <form action="">
                            <table>
                                <tr>
                                    <td>资料名称：</td>
                                    <td><input type="text" class="txt" id="institutionName" name="dataName"><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>资料分类：</td>
                                    <td><select name="dataClassify " id="">
                                        <option value="">选择资料分类</option>
                                    </select><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>文件类型：</td>
                                    <td><select name="fileType" id="">
                                        <option value="">选择文件类型</option>
                                    </select><span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td>上传文件：</td>
                                    <td>
                                        <input type="file" name="file" id=""><span style="color: gray;"></span>注：文件格式规定（不管是文档、声音、图形、动画、可执行文件等均打包压缩ZIP或RAR(格式上传)</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="box-sizing: border-box;padding-bottom:140px;">备注：</td>
                                    <td><textarea placeholder="简单描述文件作用和使用者及部门人员" name="remark" id="bz" cols="30" rows="10"></textarea></td>
                                </tr>
                                <tr>
                                    <td>发布者：</td>
                                    <td><input type="text" class="txt w180" name="publisher "> <span class="redx">*</span></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <input type="submit" value="确定" style="margin: 50px;" id="sbt">
                                        <input type="button" value="取消" style="background-color: #aeaeae;color: black;margin-right: 350px;" id="sbt">
                                    </td>
                                </tr>

                        </form>
                    </div>
                </div>
            </div>
        </div>
        <script src="js/jquery-3.6.0.js"></script>
        <script src="./新增合同.js"></script>
        <script>
            let msgbtn = document.querySelector('.msgbtn')
            let down = document.querySelector('.down')
            let newmsg = document.querySelector('.newmsg')

            down.onclick = function(e) {
                newmsg.style.display = 'none'
                e.stopPropagation()
            }
            msgbtn.onclick = function() {
                newmsg.style.display = 'block'
            }
        </script>
    </body>

</html>